import React from "react";
import { Image, StatusBar, StyleSheet, View } from "react-native";
import PersonHeader from "./personHeader";
import ImageButton from "../components/ImageButton";
import Icon_menu from "../assetes/personPics/icon_menu.png"
import Icon_share from "../assetes/personPics/icon_share.png"


export default () => {

    const leftHandleButtonPress = () => {

    };

    const rightHandleButtonPress = () => {

    };
    
    return (
        <View style={styles.root}>
            <StatusBar barStyle={"light-content"} ></StatusBar>
            <PersonHeader></PersonHeader>
            <View style={styles.menuView}>
                <ImageButton imgeSource={Icon_menu}  onPress={leftHandleButtonPress} width={40} height={40} itemWidth={25}  itemheight={25}></ImageButton>
                <ImageButton imgeSource={Icon_share}  onPress={rightHandleButtonPress} width={40} height={40} itemWidth={25}  itemheight={25}></ImageButton>
            </View>
            
            
        </View>
    );
}

const styles = StyleSheet.create({
    root: {
        width: '100%',
        height: '100%',
        backgroundColor: 'yellow',
    }, 
    menuView :{
        width:'100%',
        height:60,
        flexDirection:'row',
        justifyContent:'space-between',
        alignItems:"center",
        padding:20,
        marginTop:44,
        position:'absolute',
    },
   
});

